html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

#nprogress .bar {
  z-index: 9999 !important;
}

#nprogress .spinner {
  z-index: 9999 !important;
}

body::-webkit-scrollbar {
  width: 8px !important;
  height: 5px !important;
}

body::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px #48dbfb !important;
  box-shadow: inset 0 0 6px #48dbfb !important;
  background-color: #48dbfb !important;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent !important;
  box-shadow: inset 0 0 6px transparent !important;
  background-color: transparent !important;
}

body::-webkit-scrollbar-track-piece {
  background-color: transparent !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.el-breadcrumb {
  margin-bottom: 15px;
}

.el-card {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
}

.el-table {
  margin-top: 15px;
  margin-bottom: 15px;
}

.el-table th,
.el-table td {
  text-align: center !important;
}

.el-table th {
  background-color: #f8f8f9 !important;
}

.el-table .table-expand label {
  font-weight: 700;
}

.el-table .table-expand .el-form-item {
  margin-bottom: 0;
}

.el-table .table-expand .el-form-item__content {
  text-align: left;
}

.me-red {
  background: #dd3c3c;
}

.me-orange {
  background: #f27e31;
}

.me-yellow {
  background: #fac21f;
}

.me-olive {
  background: #bbcf2d;
}

.me-green {
  background: #36bf56;
}

.me-teal {
  background: #18bbb3;
}

.me-blue {
  background: #368fd3;
}

.me-violet {
  background: #7248cd;
}

.me-purple {
  background: #ab46cc;
}

.me-pink {
  background: #e14ba0;
}

.me-brown {
  background: #ac7551;
}

.me-grey {
  background: #828282;
}

.me-black {
  background: #303132;
}
